<template>
  <div class="hello">
    <h2>all组件</h2>
   	<ul>
   		<li v-for="item of list">
   			<input type="checkbox" v-model="item.isChecked"  />
   			<span :class="{delActive:item.isChecked}">{{item.text}}</span>
   		</li>
   	</ul>
  </div>
</template>

<script>
import {mapState} from "vuex"
export default {
  name: 'all',
  computed:{
  	...mapState(["list"])
  }
}
</script>
<style scoped>
 h2{font-size:18px;}
 li{color:blue;padding:3px 0;}
 .delActive{text-decoration:line-through;color:#333;}
</style>
